<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>

<HEAD>
	<META HTTP-EQUIV="Content-Type" CONTENT="text/html;CHARSET=iso-8859-1">
	<META NAME="GENERATOR" Content="Visual Page 1.1a for Windows">
	<TITLE>untitled</TITLE>
</HEAD>

<BODY BGCOLOR="#FFFFFF">

<P><FONT SIZE="4" FACE="Tahoma"><B>Introduction</B></FONT><FONT SIZE="2" FACE="Tahoma"></FONT></P>

<P><FONT SIZE="2" FACE="Tahoma">This web page demostrates a technique to quickly explore user interface alternatives
using standard HTML authoring tools rather than GUI building tools. </FONT></P>

<P><FONT SIZE="2" FACE="Tahoma">The goal of early user interface mocking up is to quickly construct and evaluate
key aspects of a new user interface.  Early mockups can be used to help design the content, screen-flow, and
presentation of a user interface. Doing early mocking up is a cost-effective way to check the feasibility of a
proposed user interface.</FONT></P>

<P><FONT SIZE="2" FACE="Tahoma">Traditionally early mockups have been done using pencil-and-paper, GUI builders,
or animation programs such as Director. Using HTML in early mockups has several advantages over the traditional
tools:</FONT></P>

<UL>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML is a very flexible medium.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">Making early HTML mockups can be very fast.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML tools are widely available and provide many useful features.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">The HTML mockups focus on sequenceing of screens which is hard to do with standard
	GUI builders.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML mockups can evolve directly from requirements documents.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">Building HTML mockups does not require artistic or sketching ability.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">Early HTML mockups defer commitment on presentation details (e.g., fonts, and
	widget sizes).</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML allows for incremental commitment to different UI design issues (e.g., rough
	content, screen flow, screen presentation, error handling, timing issues).</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML mockups can be placed on the web for convenient evaluation and reference
	by designers and implementers that may be local or remote.</FONT>
	<LI><FONT SIZE="2" FACE="Tahoma">HTML mockups can be &quot;run&quot; in any web browser by simply following
	links.</FONT>
</UL>


</BODY>

</HTML>